<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8">
    <title>ThinkPHP5.0</title>

    <meta name="description" content="Dashboard">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <!--Basic Styles-->
    <link href="__STATIC__/style/bootstrap.css" rel="stylesheet">
    <link href="__STATIC__/style/font-awesome.css" rel="stylesheet">
    <link href="__STATIC__/style/weather-icons.css" rel="stylesheet">
    <link href="__STATIC__/plus/layui/css/layui.css" rel="stylesheet">
    <!--Beyond styles-->
    <link id="beyond-link" href="__STATIC__/style/beyond.css" rel="stylesheet" type="text/css">
    <link href="__STATIC__/style/demo.css" rel="stylesheet">
    <link href="__STATIC__/style/typicons.css" rel="stylesheet">
    <link href="__STATIC__/style/animate.css" rel="stylesheet">
    <script src="https://code.jquery.com/jquery-3.3.1.min.js"></script>
    <script src="__STATIC__/plus/layer/layer.js"></script>

<style>
.open{
    border: 1px solid #ccc;
padding: 0 3px 0 3px;
cursor: pointer;
}
</style>
</head>

<body>
    <!-- 头部 -->
    {include file="common/head"}

    <!-- /头部 -->

    <div class="main-container container-fluid">
        <div class="page-container">
            <!-- Page Sidebar -->
            <div class="page-sidebar" id="sidebar">
                <!-- Page Sidebar Header-->
                <div class="sidebar-header-wrapper">
                    <input class="searchinput" type="text">
                    <i class="searchicon fa fa-search"></i>
                    <div class="searchhelper">Search Reports, Charts, Emails or Notifications</div>
                </div>
                <!-- /Page Sidebar Header -->
                <!-- Sidebar Menu -->
                {include file="common/left"}
                <!-- /Sidebar Menu -->
            </div>
            <!-- /Page Sidebar -->
            <!-- Page Content -->
            <div class="page-content">
                <!-- Page Breadcrumb -->
                <div class="page-breadcrumbs">
                    <ul class="breadcrumb">
                        <li class="active">

                            <i class="fa fa-home"></i>
                            <a href="{:url('ad/index')}">
                                广告管理
                            </a>
                        </li>
                        <li>广告列表</li>
                    </ul>

                </div>
                <!-- /Page Breadcrumb -->

<!-- Page Body -->
<div class="page-body">

<button type="button" tooltip="添加" class="btn btn-sm btn-azure btn-addon"
onclick="javascript:window.location.href = '{:url('admin/ad/create')}'"> <i
class="fa fa-plus"></i> Add
</button>
<div class="row">
<div class="col-lg-12 col-sm-12 col-xs-12">
<div class="widget">
<div class="widget-body">
<div class="flip-scroll">
        <table class="table table-bordered table-hover">
            <thead class="">
                <tr>
                    <th class="text-center">ID</th>
                    <th class="text-center">广告名称</th>
                    <th class="text-center">所属广告位</th>
                    <th class="text-center">是否启用</th>
                    <th class="text-center">广告类型</th>
                    <th class="text-center">操作</th>
                </tr>
            </thead>
            <tbody>
                {volist name="$res" id="vo"}
                <tr>
                    <td align="center">{$vo.id}</td>
                    <td align="center">{$vo.adname}</td>
                    <td align="center">{$vo.name}</td>
                    <td align="center">
                        <label>
                            <input id="{$vo.id}" adposid="10" onclick="changeStatus(this)" {if condition="$vo['on'] eq 1"}checked="checked"{/if}
                                class="checkbox-slider colored-darkorange" type="checkbox">
                            <span class="text" style="cursor:pointer;"></span>
                        </label>
                    </td>
                    <td align="center">
                        {if condition="$vo['type'] eq 1"}
                        <span class="label label-palegreen"> 轮换 </span> 
                        {else}
                        <span class="label label-orange"> 图片 </span>
                        {/if}
                    </td>
                    <td align="center">
                            <a href="{:url('ad/edit',array('id'=>$vo['id']))}" class="btn btn-primary btn-sm shiny" title="编辑">
                                <i class="fa fa-edit"></i> 
                            </a>
                            <a href="javascript:;" onclick="del(this)"
                                class="btn btn-danger btn-sm shiny del" title="删除" id="{$vo.id}">
                                <i class="fa fa-trash-o"></i> 
                            </a>
                    </td>
                </tr>
                {/volist}
            </tbody>
        </table>
{$res|raw}

</div>
<div>
</div>
</div>
</div>
</div>
</div>

</div>

</div>
            <!-- /Page Body -->
        </div>
        <!-- /Page Content -->
    </div>
    </div>

    <!--Basic Scripts-->
    <script src="__STATIC__/style/jquery_002.js"></script>
    <script src="__STATIC__/style/bootstrap.js"></script>
    <script src="__STATIC__/style/jquery.js"></script>
    <!--Beyond Scripts-->
    <script src="__STATIC__/style/beyond.js"></script>
<script>
    $(function(){

      
    });
    
    //  删除
        function del(o) {
            var id = $(o).attr('id');
            layer.confirm('确认要删除该广告吗', { icon: 3, title: '温馨提示' }, function (index) {
                $.post("{:url('admin/ad/delete')}", { id: id }, function (res) {

                    if (res.code == 1) {
                        layer.msg(res.msg, { time: 1000, icon: 1 }, function () {
                            location.reload();
                        });
                    } else {
                        layer.msg(res.msg, { icon: 2, time: 2000 });
                    }
                });

                layer.close(index);
            });

        }
   
   
   
   

</script>


</body>

</html>